<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/boss_add_cart.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/boss_slideshow.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/boss_carousel.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/skeleton.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/responsive.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
    <script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
    <script type="text/javascript" src="catalog/view/javascript/common.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/getwidthbrowser.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/bossthemes.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/notify.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/jquery.easing.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/jquery.flexslider.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/bossthemes/jquery.elastislide.js"></script>
    <script type="text/javascript" >
		var config_width = 1000;
    </script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/ie8.css" />
    <![endif]-->

    <!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/ie9.css" />
    <![endif]-->
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/ie7.css" />
    <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/bt-carina/stylesheet/ie6.css" />
    <script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('#logo img');
    </script>
    <![endif]-->
<?php echo $google_analytics; ?>
</head>
<body class="<?php if($route == 'home') { echo 'home_page'; } else { echo 'other_page'; } ?>">

<div id="container" class="container">
    <div id="header" class="sixteen columns">


        <!-- Header top -->

        <div class="boss-header-top">
            <div class="header-top-left">
                <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
            </div>
            <div id="m-logo"></div>
            <div class="header-top-right">
                <?php echo $currency; ?>
                <?php echo $language; ?>
            </div>
        </div>


        <!-- End Header top -->

        <!--  Header bottom -->

        <div class="boss-header-bottom">
            <?php if ($logo) { ?>
            <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
            <?php } ?>

            <div id="m-search"></div>
            <div id="m-welcome"></div>
            <div class="header-bottom-right">
                <?php echo $cart; ?>

                <script type="text/javascript"><!--
                    $(document).ready(function() {
                        if(getWidthBrowser() < 959) {
                            $('#cart > .heading a').live('click', function() {
                                if($('#cart').hasClass('my-active')){
                                    $('#cart').removeClass('active');
                                    $('#cart').removeClass('my-active');
                                } else {
                                    $('#cart').addClass('my-active');
                                }
                            });
                        }
                    });
                    --></script>
                <div id="welcome">
                    <?php if (!$logged) { ?>
                    <?php echo $text_welcome; ?>
                    <?php } else { ?>
                    <?php echo $text_logged; ?>
                    <?php } ?>
                </div>
            </div>
        </div>



        <!--  End Header bottom -->

    </div>

    <!--  Box menu search    -->


    <div class="boss_menu_search">


<div id="search">
    <ul>
        <li>
            <a href="index.php?route=product/search"></a>
            <div id="search-form">
                <div class="boss-search">
                    <input type="text" name="search" placeholder="Search"  placeholder="Search" value="<?php echo $filter_name; ?>" />
                    <div class="button-search"></div>
                </div>
            </div><!-- end serach-form -->
        </li>
    </ul>
</div>

    





    <?php if ($categories) { ?>
    <div id="boss_menu" class="mega-menu">
    <ul>
    <?php foreach ($categories as $category) {  ?>
    <li <?php if (!count($category['children'])) { ?>   class="no-dropdown" <?php } ?> ><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
    <?php if (count($category['children'])) {?>
    <div class="dropdown">
        <div class="option">
            
            
            <ul class="column">
                <?php foreach($category['children'] as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>">
                        <span><?php echo $child['name']; ?></span>	</a></li>
                <?php } ?>
                
            </ul>
            
        </div>
    </div>

    <?php } ?>
    </li>
    <?php } ?>

    </ul>
    </div>
    </div>
    <?php } ?>


    <!--  End box menu search -->



    <div id="notification"></div>